<template>
  <div class="dashboard-container">
    <el-row>
      <el-col :span="24" style="margin-bottom:25px">
           
      <el-card shadow="always">
          <div slot="header" class="clearfix">
            <span>基本数据</span>
          </div>
          <el-row :gutter="24">
            <el-col :span="5" style="height:100px; background:#ededed; padding:10px;">  
              取款
              <div>￥600.00</div>
              <div>环比：10% 同比：5%</div>
            </el-col>
            <el-col :span="5" style="height:100px; background:#ededed; padding:10px;">  
              存款
              <div>￥6800.00</div>
              <div>环比：10% 同比：5%</div>
            </el-col>
            <el-col :span="5" style="height:100px; background:#ededed; padding:10px;">  
              利润
              <div>￥56.00</div>
              <div>环比：10% 同比：5%</div>
            </el-col>
            <el-col :span="5" style="height:100px; background:#ededed; padding:10px;">  
              总资产
              <div>￥123456.00</div>
              <div>环比：10% 同比：5%</div>
            </el-col>
            <el-col :span="4" style="height:100px; background:#ededed; padding:10px;">  
            </el-col>
          </el-row>
      </el-card>     
      </el-col>
    </el-row>
    <el-row>  
      <el-col :span="6" style="padding:0 10px;">   
        
      <el-card shadow="always">
          <div slot="header" class="clearfix">
            <span>今日交易额</span>
          </div>
          <div>
            <div>开仓</div>
            <div>平仓</div>
          </div>
      </el-card>     
      </el-col>
      <el-col :span="6" style="padding:0 10px;">   
        
      <el-card shadow="always">
          <div slot="header" class="clearfix">
            <span>今日利润</span>
          </div>
          <div>
            <div>看空</div>
            <div>看多</div>
          </div>
      </el-card>     
      </el-col>
      <el-col :span="6" style="padding:0 10px;">   
        
      <el-card shadow="always">
          <div slot="header" class="clearfix">
            <span>今日费用</span>
          </div>
          <div>
            <div>卖出</div>
            <div>买入</div>
          </div>
      </el-card>     
      </el-col>
      <el-col :span="6" style="padding:0 10px;">   
        
      <el-card shadow="always">
          <div slot="header" class="clearfix">
            <span>今日存取款</span>
          </div>
          <div>
            <div>取款</div>
            <div>存款</div>
          </div>
      </el-card>     
      </el-col>
    </el-row>

    
    <el-row style="margin-top:25px;">  
      <el-col :span="9">   
        
      <el-card shadow="always">
          <div slot="header" class="clearfix">
            <span>合约总数汇总</span>
          </div>
      </el-card>   
      </el-col>
      <el-col :span="8" style="margin-right:25px;">  
      
      <el-card shadow="always">
          <div slot="header" class="clearfix">
            <span>本周数据详情</span>
          </div>
      </el-card>     
      </el-col>
      <el-col :span="6">   
        
      <el-card shadow="always">
          <div slot="header" class="clearfix">
            <span>活跃度最佳TOP5</span>
          </div>
      </el-card>     
      </el-col>
    </el-row>
  </div>
</template>

<script>
import {getSymbol} from '@/utils/symbol' // secondary package based on el-pagination
export default {
  name: 'Dashboard',
  data() {
    return {
      socket:"",
      tableKey: 0,
      list: null,
      kbarChart:null,
      authorizeDialogHidden:false,
      total: '',
      listLoading: false,
      localSymbol:"i2309",
      symbol:"i2309",
      connected:"loading",
      authorizeForm:{},
      userData:{
        fullname:"那时此刻",
        askTooltip:"下午好",
        day:"2023年08月10日",
        week:"星期日"
      },
      filterForm: {
        page: 1,
        size: 10,
        localSymbol: undefined
      }
    }
  },
  computed: {
  },
  mounted(){
  },
  created() {
  },
  destroyed:function(){
    this.close()
  },
  methods:{
    getList:function(){
      console.log("读取行情")
    }
  }
}
</script>
